<template>
	<div class="editapighostel">

		<div class="waitwritelist">
			<div class="inputbox flcm">
				<div class="label fsize28l">猪舍名称：</div>
				<input type="text" placeholder="输入内容" class="standard"/>
			</div>
			<div class="inputbox flcm">
				<div class="label fsize28l">温度传感器编码：</div>
				<input type="text" placeholder="输入内容" class="standard"/>
			</div>
			<div class="inputbox flcm">
				<div class="label fsize28l">湿度传感器编码：</div>
				<input type="text" placeholder="输入内容" class="standard"/>
			</div>
			<div class="inputbox flcm">
				<div class="label fsize28l">光感传感器编码：</div>
				<input type="text" placeholder="输入内容" class="standard"/>
			</div>
			<div class="inputbox flcm">
				<div class="label fsize28l">氨气传感器编码：</div>
				<input type="text" placeholder="输入内容" class="standard"/>
			</div>
		</div>
		
		<div class="btnbox">
			<div class="zssavebtn fsize32p">保存</div>
			<div class="zscheckbtn fsize32w" @click='gotoshowrecent'>查看环境数据</div>
		</div>
	</div>


</template>

<script>
	export default {
		data() {
			return {
				news: []
			};
		},
		onLoad: function() {

		},
		methods: {
			gotoshowrecent(e) {
				uni.navigateTo({
					url: '../showrecent/showrecent' 
				});
			}
		}
	}
</script>

<style lang="less">
	.editapighostel {
		box-sizing: border-box;
		.btnbox {
			position: fixed;
			bottom: 32rpx;
			left: 32rpx;
			width: 686rpx;
			box-sizing: border-box;
			display: flex;
			justify-content: space-between;
			.zssavebtn {
				width:334rpx;
				height:98rpx;
				background:rgba(255,255,255,1);
				border-radius:12rpx;
				border:2rpx solid rgba(24,108,242,1);
				text-align: center;
				line-height: 98rpx;
				color: rgba(24,108,242,1);
			}
			.zscheckbtn {
				width:334rpx;
				height:98rpx;
				background:rgba(24,108,242,1);
				border-radius:12rpx;
				text-align: center;
				line-height: 98rpx;
				color: #FFFFFF;
			}
		}
	}
	
	.mgl32 {
		margin-left: 32rpx;
	}
	.standard {
		width:462rpx;
		height:80rpx;
		box-sizing: border-box;
		border-radius:12rpx;
		border:2rpx solid rgba(190,190,190,0.3);
		padding-left: 24rpx;
		font-size:28rpx;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:rgba(153,153,153,1);
		-webkit-box-shadow: inset 0 2rpx 2rpx rgba(0, 0, 0, .075);
		box-shadow: inset 0 2rpx 2rpx rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
	}

	.waitwritelist {
		padding:0 32rpx;
		.inputbox {
			// margin-top: 32rpx;
			padding-top: 32rpx;
			.label {
				width: 224rpx;
			}
		}
	}
</style>
